<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <link rel="stylesheet" href="./css/main.css">

    <link rel="stylesheet" type="text/css" href="css/normalize.css" /><!--CSS RESET-->

    <script src="./lib/jquery/jquery-2.1.1.min.js"></script>
    <title>部门用户首页</title>

    <style>
        canvas{
            margin: 0;
            padding: 0;
            display: block;
            touch-action: none;
            z-index: -2;
            position: absolute;
        }
        #canvas_bg{
            margin: 0;
            padding: 0;
            display: block;
            touch-action: none;
            z-index: -3;
            position: absolute;
        }
        #filled{
            cursor: pointer;
            color: #008ce6;
        }
        #filling{
            cursor: pointer;
            color: #ec284d;
        }
        .layui-laypage a, .layui-laypage span{
            background-color: rgba(0,0,0,0);
            color: #fff;
            border: 1px solid #e6e6e62e;
        }
        .layui-laypage-em{
            background-color: rgba(0,0,0,0)!important;
        }
        .layui-laypage-curr em,.layui-laypage a:hover{
            color: #f07048!important;
            font-weight: bold;
        }
        #dataPool,#notice{
            text-align: center;
        }
    </style>

</head>

<body class="layui-layout-body">
    <!-- 加入canvas鼠标动画特效 -->
    <canvas></canvas>
    <!-- 加入canvas背景动画特效 -->
    <canvas id="canvas_bg"></canvas>
    <!-- 引用导航栏 -->
    <div class="top-nav">
        <iframe src="module/component/top.html" width="100%"; height="94px" frameborder="0" scrolling="no" name="top_frame"></iframe>
    </div>
    <!-- 主页面内容 -->
    <div class="container">

        <div class="content">
            <div class="data-fill index-beijing">
                <h3>数据填报</h3>
                    <div class="Reporting-status">
                        <p class="font_white">已填报报表 <span class="text-underline" id="filled">28</span> 项</p>
                        <p class="font_white">未填报报表 <span class="text-underline" id="filling">146</span> 项</p>
                    </div>
            </div>
        </div>
        <div class="content">
            <div class="data-pool index-beijing">
                <h3>待催报企业</h3>
                    <ul>
                        <li><a class="text-underline font_white" href="">郑州电力有限公司</a></li>
                        <li><a class="text-underline font_white" href="">郑州移动有限公司</a></li>
                        <li><a class="text-underline font_white" href="">郑州联通有限公司</a></li>
                        <li><a class="text-underline font_white" href="">郑州电信有限公司</a></li>
                    </ul>
                    <div id="dataPool"></div>
            </div>
        </div>
        <div class="content">
            <div class="statistics-notice index-beijing">
                <h3>统计公告</h3>
                    <ul>
                        <li><a class="text-underline font_white" href="">规模以上七月工业产值</a> <button class="layui-btn layui-btn-xs layui-btn-radius layui-btn-danger">未读</button></li>
                        <li><a class="text-underline font_white" href="">规模以上八月工业产值</a> <button class="layui-btn layui-btn-xs layui-btn-radius layui-btn-danger">未读</button></li>
                        <li><a class="text-underline font_white" href="">规模以上九月工业产值</a> <button class="layui-btn layui-btn-xs layui-btn-radius layui-btn-danger">未读</button></li>
                        <li><a class="text-underline font_white" href="">规模以上十月工业产值</a> <button class="layui-btn layui-btn-xs layui-btn-radius layui-btn-primary">已读</button></li>
                    </ul>
                    <div id="notice"></div>
            </div>
        </div>
    </div>
    <!-- 引入页脚 -->
    <div class="footer-nav">
        <iframe src="module/component/footer.html" width="100%"; height="25px" frameborder="0" scrolling="no" name="foot_frame"></iframe>
    </div>

    <script src="./lib/layui/layui.js"></script>
    <script src="./js/main.js"></script>
    <script src="./js/stopExecutionOnTimeout.js"></script>
    <script src="./js/canvas.js"></script>
    <script src="./js/background.js"></script>
    <script>
        //无特殊情况，禁止在下面写js代码
        //JavaScript代码区域
        layui.use('element', function () {
            var element = layui.element;

        });
    </script>
    <script src="./js/section_index.js"></script>
</body>


</html>